Ext.define("AgendaInacap.view.Login", {
    extend: 'Ext.form.Panel',
    config: {

        fullscreen: true,

        items: [
			{
				xtype: 'image', 
				mode: 'image', 
				src : 'img/logo.png',
				style: 'text-align: center;background-color:#cc2200;padding: 10px 5px 5px 5px;margin-bottom:30px;'
			},
            {
                xtype: 'fieldset',
				title: 'Acceso a tu agenda',
				
				items: [
					{
						xtype: 'textfield',
						name: 'usuario',
						label: 'Usuario'
					},
					{
						xtype: 'passwordfield',
						name: 'password',
						label: 'Clave'
					}
				]
            },
			{
				xtype: 'button',
				id: 'btnLogin',
				iconMask: true,
				text: 'ENTRAR',
				iconCls: 'action',
				iconAlign: 'top'
			}
        ]
    }
});
